html,
body {
    font-size: 13.3333333vw;
}

* {
    box-sizing: border-box;
}

.flex {
    display: flex;
    align-items: center;
    &-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    &-btw {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.red-bg {
    background-color: #ce5065;
}

.blue-bg {
    background-color: #2d7afe;
}

.van-nav-bar__left {
    padding-left: 0.25rem;
}

.van-nav-bar__right {
    padding-right: 0.25rem;
}

.van-nav-bar .van-icon {
    color: #000;
}

.van-nav-bar__title {
    font-size: 0.26rem;
}

.van-list__loading {
    background-color: #f5f5f5;
}

.home-root {
    .van-tab__text {
        font-weight: bold;
    }
    .van-notice-bar {
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .van-tabs__nav--line {
        padding-bottom: 0;
    }
    .van-tabs__wrap {
        overflow: visible;
        .van-tabs__line {
            width: 2rem;
            bottom: -0.04rem;
            height: 0.04rem;
        }
    }
    .van-sticky {
        background-color: #fff;
    }
    .van-swipe__track {
        .van-swipe-item {
            &:nth-child(1) {
                margin-top: -0.06rem;
                height: 101%;
            }
            &:nth-child(2) {
                margin-top: -0.04rem;
                height: 102%;
            }
            &:nth-child(3) {
                height: 101%;
            }
        }
    }
}

.trade-root {
    .search-box {
        .input-box {
            position: relative;
            .van-dropdown-menu {
                position: absolute;
                left: 0.1rem;
                .van-dropdown-menu__bar {
                    background: none;
                    box-shadow: none;
                }
                .van-ellipsis {
                    font-size: 0.24rem;
                }
                .van-dropdown-menu__title--active::after {
                    border-color: transparent transparent #000 #000;
                }
                .van-dropdown-menu__title::after {
                    border-color: transparent transparent #000 #000;
                }
            }
            .van-field {
                height: 0.6rem;
                line-height: 0.6rem;
                padding: 0;
                input {
                    font-size: 0.24rem;
                }
                input::-webkit-input-placeholder {
                    /* placeholder颜色 */
                    color: #807e7f;
                    /* placeholder字体大小 */
                    font-size: 0.24rem;
                }
            }
        }
    }
    .van-tabs {
        .van-tabs__wrap {
            height: 0.7rem;
            overflow: visible;
            border-bottom: 0.04rem solid #f9f8f8;
            .van-tab {}
            .van-tabs__nav--line {
                padding-bottom: 0;
            }
            .van-tabs__line {
                width: 1.8rem;
                bottom: -0.04rem;
                height: 0.04rem;
            }
        }
    }
    .operation-box {
        .money-box {
            .van-checkbox {
                margin-top: 0.04rem;
                margin-right: 0.4rem;
            }
        }
    }
}

.setting-root {
    .van-switch {
        width: 1rem;
        height: 0.4rem;
        .van-switch__node {
            width: 0.4rem;
            height: 0.4rem;
        }
    }
    .van-cell {
        padding: 0;
    }
    .van-field__body {
        input {
            text-align: right;
        }
    }
}

.tradeHis-root {
    .van-nav-bar {
        background-color: transparent;
        .van-nav-bar__text {
            color: #fff;
        }
        .van-icon {
            color: #fff;
        }
    }
    .van-hairline--bottom::after {
        border: none;
    }
}

.authorize-root {
    .van-cell {
        padding: 0 0 0.1rem;
    }
}

.wallet-root {
    .van-nav-bar {
        background: transparent;
        .van-nav-bar__title {
            color: #fff;
        }
        .van-icon {
            color: #fff;
        }
    }
    .van-hairline--bottom::after {
        border-bottom-width: 0;
    }
}

.takeCash-root {
    .van-cell {
        padding: 0;
        input::-webkit-input-placeholder {
            color: #919191;
            font-size: 0.2rem;
        }
    }
    .van-cell::after {
        border: none;
    }
}

.sysSetting-root {
    .van-nav-bar {
        background-color: #2d7afe;
        .van-nav-bar__title {
            color: #fff;
        }
        .van-icon {
            color: #fff;
        }
    }
}

.mine-root {
    .van-picker {
        .van-picker__toolbar {
            border-bottom: 0.02rem solid #b1b1b1;
            .van-picker__confirm {
                color: #2d7afe;
            }
        }
    }
    .van-picker__columns {}
}

.transactionHis-root {
    .van-nav-bar {
        background-color: #2d7afe;
        .van-icon {
            color: #fff;
        }
        .van-nav-bar__title {
            color: #fff;
        }
    }
    .van-overlay {
        z-index: 0 !important;
    }
    .van-field {
        padding: 0;
        background-color: #eee;
    }
}

.personal-root {
    .van-nav-bar {
        background-color: #2d7afe;
        .van-icon {
            color: #fff;
        }
        .van-nav-bar__title {
            color: #fff;
        }
    }
    .van-field {
        padding: 0;
        background-color: #fff;
        text-align: right;
    }
}

.phone-root,
.password-root,
.payPSD-root,
.recharge-root,
.takeCash-root,
.register-root,
.conversion-root {
    .van-nav-bar {
        background-color: #2d7afe;
        .van-icon {
            color: #fff;
        }
        .van-nav-bar__title {
            color: #fff;
        }
    }
    .van-cell {
        padding: 0;
    }
    .van-cell::after {
        border-bottom: none;
    }
}

.login-root {
    .van-cell {
        input::-webkit-input-placeholder {
            color: #fff;
        }
        input {
            color: #fff;
        }
        padding: 0;
        background: transparent;
    }
}

.community-root {
    .van-nav-bar {
        background-color: #2d7afe;
        .van-icon {
            color: #fff;
        }
        .van-nav-bar__title {
            color: #fff;
        }
    }
    .van-hairline--bottom::after {
        border-bottom-width: 0;
    }
}

.share-root {
    .van-nav-bar {
        background-color: #108eef;
        .van-icon {
            color: #fff;
        }
        .van-nav-bar__title {
            color: #fff;
        }
    }
    .van-hairline--bottom::after {
        border-bottom-width: 0;
    }
}